<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/detail/classhoner.css">
    <script src="../../js/jquery-2.2.4.min.js"></script>
    <script src="../../js/template-native.js"></script>
</head>
<body>
     <div class="container bg-color-bg">
        <div class="top-title">
            <div class="system">
                <a class="goback-sys bg-color-bg">
                    <img src="../../img/system/back.png" alt="">  
                </a>
                <a class="gonext-sys bg-color-bg">
                    <img src="../../img/system/setting.png" alt="">  
                </a>
            </div>
        </div>
        <div class="people-content">
            <div class="p-p-p">
                 <div class="classIntru">
                    班组荣誉
                 </div>
                 <div class="hanglie">

                 </div>
                 <div class="user-left">
                    <div class="m-m-person">
                        <!-- <div class="top-honner index0">
                            <div class="item-img">
                                <img src="../../img/honner/honour1.png" alt="">
                                <div class="item-text">
                                    2015年度先进班
                                </div>
                            </div>
                        </div> -->

                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <!--<div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div> -->
                        <!-- <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div>
                        <div class="top-honner">
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                    <div class="item-text">
                                        2015年度先进班
                                    </div>
                                </div>
                                <div class="toimg">
                                    <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                        </div>
                        <div class="bottom-honner">
                                <div class="toimg">
                                        <img src="../../img/detail/1/zorange.png" alt="">
                                </div>
                                <div class="item-text">
                                        2015年度先进班
                                </div>
                                <div class="item-img">
                                    <img src="../../img/honner/honour1.png" alt="">
                                </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
     </div>
</body>
<script>
   console.log()
   
   

    var arrbg = ['blue','red','orange','yellow'];  //背景框
    var crrbg = ['bbg','obg','ybg'];//背景
    var drr = ['#aca4a2','#f5ba92'];
    $(".hanglie").css('backgroundColor',drr[1]);
    $(".p-p-p").css('background','url(../../img/detail/1/'+arrbg[1]+'.png)no-repeat -35px -10px');
    $(".container").css({'background':'url(../../img/detail/1/'+crrbg[1]+'.jpg)no-repeat 0 0','backgroundSize':'cover'})
    $(".toimg img").attr("src",'../../img/detail/1/zred.png')
    var lengthW = $(".m-m-person").children().length*220+40;
    if($(".m-m-person").children().length>7){
        $(".m-m-person").css('width',lengthW+"px");
        $(".top-honner").css("float","left");
        $(".bottom-honner").css("float","left");
    }
</script>
</html>